htmlayout学习一:了解html所谓的网页背景和背景属性
给body加入边框,为了看的醒目,我注释掉了背景色
body{ //background:#000; height:400px; border-radius:5% 20% 10% 15%;//左上,右上,右下,左下 border:solid;//实线 border-color:#F00;//红色 border-width:1px;//宽1px }
htmlayout学习一:了解html所谓的网页背景和背景属性
试着给body添加一个圆角属性.
body{ background:#000; height:400px; border-radius:10%; }如果改为:
htmlayout学习一:了解html所谓的网页背景和背景属性
用aardio新建一个标准窗体设计器:
第一步引用layout库,同时定义layout容器
import web.layout; var wbLayout = web.layout(winform);看上面的代码,用了要给wbLayout作为容器变量名, 我发现如果用其他名字,下面写代码的时候是不会有代码提示的....
下面写html代码,这句代码是自动提示然后生成的,我们可以直接利用它来造.
不知道从哪开始写,就分析下aardio新建的htmlayout窗体示例代码吧
这里先了解下htmlayout的弹出菜单写法:
<!-- 标题栏弹出菜单,需要弹出节点的最好用div或button等元素,不要使用a,li等元素 --> <div .window-menu>u <menu .popup> <!-- .popup是内置的弹出菜单样式 --> <li>在线帮助</li> <li>子菜单 <menu > &
不知道从哪开始写,就分析下aardio新建的htmlayout窗体示例代码吧
那么再次思考, 如果我们不注释掉最大化移除圆角属性,那么当我们最大化的时候调用移除属性,使窗口没有了圆角, 如果我们点击窗体的还原大小按钮, 还原回来的窗口有没有圆角呢?
经过测试, 圆角属性再次恢复.
这样我们无需多管这个怎么恢复的了..
不知道从哪开始写,就分析下aardio新建的htmlayout窗体示例代码吧
继续,看到了这句
如果是圆角则在这可以移除圆角???
那么这个只是针对htmlayout的css样式吗? 还是说针对mianform窗体圆角样式也可以呢?
于是, 代码里添加一个圆角样式,试试
不知道从哪开始写,就分析下aardio新建的htmlayout窗体示例代码吧
随便在哪个页面调用浏览器的调试助手,看看盒子模型
这个是body的模型,把css里面margin改成50后
我记得应该是上右下左,下
不知道从哪开始写,就分析下aardio新建的htmlayout窗体示例代码吧
对于上面的html代码,要知道
<!doctype html>这个可以删掉,这里我们做的是桌面,不是网页,于是可以知道
一个界面就是从
<html>...</html>这里面每一对<>...</>之间就是一对节点.
因此可以知道,body , menu ,div 都是节点.
同
不知道从哪开始写,就分析下aardio新建的htmlayout窗体示例代码吧
对于上面的html代码,要知道
<!doctype html>这个可以删掉,这里我们做的是桌面,不是网页,于是可以知道
一个界面就是从
<html>...</html>这里面每一对<>...</>之间就是一对节点.
因此可以知道,body , menu ,div 都是节点.
同